<extend name="Public/base" />
<block name="meta">
    <title>天天特卖-哈尔滨家家户户网</title>
</block>
<block name="head_css">
	<link rel="stylesheet" href="__SALE_V3__/css/index.pkg.css">
</block>
<block name="content">   




 
    <div class="g-bd">
         
         <div class="u-slider" id="j-slider">
             <div class="item" data-effect="flipIn" data-bg="__SALE_V3__/img/bigpic.jpg"></div>
             <div class="item" data-effect="fadeIn" data-bg="__SALE_V3__/img/d.jpg"></div>
         </div>
         
        <div class="m-goods-list">
            <div class="row row-1">

                
                <div id="j-tab">
                    <div class="block btn day light" id="js_hot"><a class="core">每日爆款</a></div>
                    <div class="block btn day" id="js_tomorrow"><a class="core mr-left">明日预告</a></div>
                    <div class="block time10" id="j-lefttime"><img src="__SALE_V3__/img/time10.png"></div>
                </div>
                


                
                <script type="template/javascript" id="tpl-countdown">
                    距活动结束还剩：
                    <%for(i in data.hour) {%>
                        <span class="time-style"><%=data.hour[i]%></span>
                    <%}%>
                    :
                    <%for(j in data.min) {%>
                        <span class="time-style"><%=data.min[j]%></span>
                    <%}%>
                    :
                    <%for(k in data.sec) {%>
                        <span class="time-style"><%=data.sec[k]%></span>
                    <%}%>
                </script>
                <div id="j-countdown" class="countdown">
                    距活动结束还剩：
                    <span class="time-style">0</span><span class="time-style">0</span>:<span class="time-style">0</span><span class="time-style">0</span>:<span class="time-style">0</span><span class="time-style">0</span>
                </div>
                
                <div class="line"></div>
            </div>

            
            <script type="template/javascript" id="tpl-view-1-goods-list">
            <%if(0 < model.goods_list[model.category].length){%>
                <%for(k in model.goods_list[model.category]){%>
                <%  var item = model.goods_list[model.category][k];%>
                    <div class="block hot">
                        <a target="_blank" href="<%=item.goods_link%>" class="u-hot-pic">
                        <%if(1 != item.state_1){%>
                            <span class="mask">
                                <span class="text text-<%=item.state_1%>"><%=model.state_1_map[item.state_1]%></span>
                            </span>
                        <%}%>

                        <% if('b' == model.category){%>
                            <img class="lazy-by-user" src="<%=item.goods_thumb%>" data-original="<%=item.goods_thumb%>">
                        <%} else {%>
                            <img src="<%=item.goods_thumb%>" data-original="<%=item.goods_thumb%>">
                        <%}%>


                        </a>
                        <div class="u-hot-txt u-txt-2">
                            <a target="_blank" href="<%=item.goods_link%>">
                                <h3><%=item.goods_name%></h3>
                            </a>
                            <div class="label">
                                <%for(j in item.tags){%>
                                    <span class="span bg-<%=j%>"><%=item.tags[j]%></span>
                                <%}%>
                            </div>
                            <div class="hot-txt-msg">
                                <p><%=item.goods_introduction%></p>
                            </div>
                            <div class="slot">
                                <p class="surplus">剩余<%=item.promotion_stock%>户</p>
                                <p class="discount"><span><%=item.goods_discount%></span>折</p>
                                <div class="unit-buy unit-buy-<%=item.state_2%>">
                                    <div class="info">
                                        <a class="price-now"><span>￥</span><%=item.shop_price%></a>
                                        <a class="price-old"><span>￥</span><%=item.market_price%></a>
                                    </div>
                                    <a class="btn" target="_blank" href="<%=item.goods_link%>">
                                        <%=model.state_2_map[item.state_2]%>
                                    </a>
                                </div>
                            </div>
                            <div class="follow">
                                <span style="font-size: 16px">❤</span> &nbsp;
                                <span><%=item.follow_count%></span>人关注&nbsp;&nbsp;&nbsp;
                            </div>
                        </div>
                    </div>
                <%}%>
            <%} else {%>
                <div class="nomore" style="display:block;">
                    <img src="http://activityfiles.oss-cn-hangzhou.aliyuncs.com/2016/2016/03/03-15-56/56d7ee4206888.png" height="24">
                    <a>更多宝贝即将上架，敬请期待!</a>
                </div>
            <%}%>
            </script>
            <div id="j-view-1" class="row row-3 js_goods">
                <div class="u-loader">加载中...</div>
            </div>
            

            <div class="row row-1">
                <div class="block line"></div>
                <div class="block title">
                    <img src="__SALE_V3__/img/qwe.jpg">
                </div>
            </div>
            <div class="row row-32">
                <ul id="j-category" class="category">
                    <li data-id="0" class="active">
                        <img src="__SALE_V3__/img/quanbubaobei_42x22.png" height="23" width="46" alt="">
                        <a>全部宝贝</a>
                    </li>
                    <li data-id="32">
                        <img src="__SALE_V3__/img/dibanmumen_46x22.png" height="23" width="46" alt="">
                        <a>地板木门</a>
                    </li>
                    <li data-id="64">
                        <img src="__SALE_V3__/img/taociweiyu_46x22.png" height="23" width="46" alt="">
                        <a>陶瓷卫浴</a>
                    </li>
                    <li data-id="128">
                        <img src="__SALE_V3__/img/yiguichugui_46x22.png" height="23" width="46" alt="">
                        <a>橱柜衣柜</a>
                    </li>
                    <li data-id="256">
                        <img src="__SALE_V3__/img/diaodingdianqi_46x22.png" height="23" width="46" alt="">
                        <a>吊顶电器</a>
                    </li>
                    <li data-id="512">
                        <img src="__SALE_V3__/img/qiangmiandiangong_46x22.png" height="23" width="46" alt="">
                        <a>墙面电工</a>
                    </li>
                    <li data-id="1024">
                        <img src="__SALE_V3__/img/jiajudengshi_48x24.png" height="23" width="46" alt="">
                        <a>家具灯饰</a>
                    </li>
                    <li data-id="2048">
                        <img src="__SALE_V3__/img/zongheqita_46x22.png" height="23" width="46" alt="">
                        <a>综合其他</a>
                    </li>
                </ul>
            </div>
            <div class="row row-4">
                
                <script type="text/template" id="tpl-view-2-goods-list">
                    <%if(0 < model.goods_list.status){%>
                        <%for(k in model.goods_list.data){%>
                            <%var item = model.goods_list.data[k];%>
                                <div class="block advise">
                                    <div class="u-img">
                                        <%if(0 >= item.promotion_stock){%>
                                            <a target="_blank" href="<%=item.goods_link%>" class="mask">
                                                <span class="btn">已售罄</span>
                                            </a>
                                            <%}%>
                                                <a target="_blank" href="<%=item.goods_link%>">
                                                <img class="lazy" src="<%=item.goods_thumb%>" data-original="<%=item.goods_thumb%>">
                                            </a>
                                    </div>
                                    <a target="_blank" href="<%=item.goods_link%>" class="u-tit">
                                        <%=item.goods_name%>
                                    </a>
                                    <div class="u-money">
                                        <span class="price-now">￥<%=item.shop_price%></span>
                                        <span class="price-old">￥<%=item.market_price%></span>
                                        <%if(0 < item.promotion_stock){%>
                                            <span class="buy-btn"><a target="_blank" href="<%=item.goods_link%>">立即购买</a></span>
                                            <%} else {%>
                                                <span class="buy-btn buy-btn-empty"><a target="_blank" href="<%=item.goods_link%>">已售罄</a></span>
                                                <%}%>
                                    </div>
                                </div>
                                <%}%>
                                    <%}%>
                </script>
                <div id="j-view-2-goods-list" class="view-2"></div>
                
                
                <script type="text/template" id="tpl-view-2-goods-list-control">
                    <div class="clearfix"></div>
                    <%if(model.is_load){%>
                        <p class="loader" align="center">努力加载中...</p>
                        <%}%>
                            <%if(!model.is_load && 0 < model.goods_list.status){%>
                                <a id="j-btn-load-more" class="btn-load-more">点击加载更多</a>
                                <%}%>
                                    <%if(0 >= model.goods_list.status){%>
                                        <div class="nomore">
                                            <img src="http://activityfiles.oss-cn-hangzhou.aliyuncs.com/2016/2016/03/03-15-56/56d7ee4206888.png" height="24">
                                            <a>更多宝贝即将上架，敬请期待!</a>
                                        </div>
                                        <%}%>
                </script>
                <div id="j-view-2-goods-list-control"></div>
                
            </div>
        </div>
    </div>


</block>

<block name="foot_js">
    <script type="text/javascript" src="__SALE_V3__/js/index.pkg.js"></script>
    <script type="text/javascript">
	// 倒计时
    var countdown = {$countdown};
    var view_2_data = {$goods_list};
    var state_1_map = {$state_1_map};
    var state_2_map = {$state_2_map};
    var category = {$classify_data};
    var api_3= '{:U("Shop/recommendList")}';
 // var api_3 = '__SALE_V3__/mock/mei_ri_bao_kuan.json'; // 今日推荐 
    </script>
</block>    